<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

		<meta charset="utf-8">
		<title>-webkit-mask-position-y demo</title>
		
	
<link rel="stylesheet" type="text/css" href="mask-position-y_001_1.css" media="all">
</head>
<body>
		<h1>-webkit-mask-position-y</h1>
		<dl id="control_panel">
			<dt>
			<input value="reset" onclick="demo.className='mask_img_reset';text.innerHTML=this.value" type="button">
			</dt>
			<dt>
			<input value="100px" onclick="demo.className='mask_img_l';text.innerHTML=this.value" type="button">
			</dt>
			<dt>
			<input value="8%" onclick="demo.className='mask_img_p';text.innerHTML=this.value" type="button">
			</dt>
			<dt>-webkit-mask-repeat:<span>no-repeat</span></dt>
		</dl>
		<div id="show_wrap">
			<div id="demo">
			</div>
		</div>
		<script type="text/javascript">
			var demo = document.getElementById('demo');
		</script>
	
</body>
</html>
